<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="jquery.js" charset="utf-8"></script>
    <!-- 引入jquery插件 -->
  </head>
  <body>
    <script>
      //基本用法
      /*         let xhr=new XMLHttpRequest();
        console.log('xhr属性与方法',xhr);
        ///xhr.open(请求方式,'请求地址',同步还是异步)
        xhr.open('get','1.json',true)
        xhr.send() //发送下
        //有没有发送下onreadystatechange监听
        xhr.onreadystatechange=function(){ 
            //发送成功readyState-请求状态
            if(xhr.readyState==4){
                console.log(xhr,status);
                if(xhr.status==200){
                    //status响应状态
                    console.log('响应成功',xhr.responseText)
                
                }else{
                    console.log('失败状态',xhr.status);
                }
            }
        } */

      // $.ajax({
      //     url:'2.json',
      //     // data:{}
      //     method:'GET',
      //     success:function(res){
      //         console.log(res,'成功');
      //     },
      //     error:function(err){
      //         console.log(err,'失败');
      //     }
      // })

      //   function Axios(url, method, fn) {
      //     let xhr = new XMLHttpRequest();
      //     xhr.open("get", "1.json");
      //     xhr.send();
      //     xhr.onreadystatechange = function () {
      //       if (xhr.readyState == 4) {
      //         fn(xhr.responseText);
      //       } else {
      //         fn(xhr.status);
      //       }
      //     };
      //   }
      //   Axios('json','get',function(res){
      //     console.log(res);
      //   },function(error){
      //     console.log(error);
      //   })

      function Axios(url, method) {
        return new Promise((resolve, reject) => {
          let xhr = new XMLHttpRequest();
          xhr.open("get", "1.json", true);
          xhr.send();
          xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
              if (xhr.status == 200) {
                resolve(xhr.responseText);
              } else {
                reject(xhr.status);
              }
            }
          };
        });
      }
      Axios("json", "get").then(
        function (res) {
          console.log(res, "成功");
        },
        function (error) {
          console.log(error, "失败");
        }
      );
    </script>
  </body>
</html>
